<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core">
	  
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title><ui:insert name="title">Lotr - GCCG/Server</ui:insert></title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
<!--[if IE]><style type="text/css" media="screen"> #navigation ul li a em { top:32px; } </style><![endif]-->

<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
<script src="js/jquery-func.js" type="text/javascript"></script>


</head>

<body>

	<div id="header">
		<ui:insert name="header">
			<div id="header">
				<div class="shell">

					<!-- Logo -->
					<h1 id="logo">
						<a href="#">Lotr DataBaseBR</a>
					</h1>
					<!-- End Logo -->

					<!-- Navigation -->
					<div id="navigation">
						<ul>
							<li><a href="#">DataBase<span><em></em></span></a></li>
							<li><a href="#">Historia<span><em></em></span></a></li>
							<li><a href="#">Strategias<span><em></em></span></a></li>
							<li><a href="#">Client Gccg<span><em></em></span></a></li>
							<li class="last"><a href="#">Contato<span><em></em></span></a></li>
						</ul>
					</div>
					<!-- End Navigation -->

				</div>
			</div>
			<!-- End Header -->

		</ui:insert>
	</div>


	<div id="content">
		<ui:insert name="content">
			<!-- Main -->
			<div id="main">
				<div class="shell">

					<!-- Cols -->
					<div class="cols">
						<div class="cl">&nbsp;</div>

						<!-- Col -->
						<div class="col">
							<h3>Insignias</h3>
							<p><h:form>
								<h:commandButton action="#{MBcarta.carregar}" value="Carregar"/>
								<h:outputLabel value="Insignia: " for="input-insignia"/>
								<p><h:outputText value="#{MBcarta.carta.titulo}" /></p>
								<p><h:outputText value="#{MBcarta.carta.id}" /></p>
								<h:graphicImage value="#{MBcarta.carta.imagem}"/>
								</h:form><br />
								<a href="#" class="more">leia mais</a>
							</p>
							<p>
								Suspendisse tristique nisi sed justo accumsan vel mattis nulla
								fermentum. Etiam varius est id mi fermentum aliquam. <br />
								<a href="#" class="more">read more</a>
							</p>
						</div>
						<!-- End Col -->

						<!-- Col -->
						<div class="col">
							<h3>Ligula amet augue</h3>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
								arcu ligula, faucibus eu imperdiet eu, bibendum sit amet augue.
								<br />
								<a href="#" class="more">read more</a>
							</p>
							<p>
								Sed turpis sem, interdum sit amet egestas a, mattis non libero.
								Suspendisse tristique nisi sed justo accumsan vel mattis nulla
								fermentum. Etiam varius est id mi fermentum aliquam. <br />
								<a href="#" class="more">read more</a>
							</p>
						</div>
						<!-- End Col -->

						<!-- Col -->
						<div class="col col-last">
							<h3>Ligula amet augue</h3>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
								arcu ligula, faucibus eu imperdiet eu, bibendum sit amet augue.
								<br />
								<a href="#" class="more">read more</a>
							</p>
							<p>
								Sed turpis sem, interdum sit amet egestas a, mattis non libero.
								Suspendisse tristique nisi sed justo accumsan vel mattis nulla
								fermentum. Etiam varius est id mi fermentum aliquam. <br />
								<a href="#" class="more">read more</a>
							</p>
						</div>
						<!-- End Col -->

						<div class="cl">&nbsp;</div>
					</div>
					<!-- End Cols -->

				</div>
			</div>
			<!-- End Main -->

		</ui:insert>
	</div>

	<div id="footer">
		<ui:insert name="footer">
			<!-- Footer -->
			<div id="footer">
				<div class="shell">

					<!-- Footer Logo -->
					<a href="#" class="notext footer-logo">Lotr DataBaseBR</a>
					<!-- End Footer -->

					<!-- Footer Nav -->
					<div class="right">
						<p>
							<a href="#">Home</a> <span>|</span> <a href="#">About</a> <span>|</span>
							<a href="#">Services</a> <span>|</span> <a href="#">Clients</a> <span>|</span>
							<a href="#">Contact</a>
						</p>
						<p>
							&copy; Sitename.com. Design by <a
								href="http://chocotemplates.com" target="_blank"
								title="The Sweetest CSS Templates WorldWide">Chocotemplates.com</a>
						</p>
					</div>
					<!-- End Footer Nav -->

				</div>
			</div>
			<!-- End Footer -->
		</ui:insert>
	</div>

</body>

</html>
